<template>
  <div class="container">
      <el-drawer custom-class="wxkj-drawer forward-drawer"
            :title="drawerTitle"
            :visible.sync="drawerShow" size="500">
            <div class="drawer-content">
                <el-form ref="form" label-width="140px">
                    
                    <el-form-item label="标题：" >
                        <el-input placeholder=""></el-input>
                    </el-form-item>
                    <el-form-item label="跳转URL：" >
                        <el-input placeholder=""></el-input>
                    </el-form-item>
                    
                    <el-form-item label="是否新页面打开：" >
                          <el-radio label="1">是</el-radio>
                          <el-radio label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否显示：" >
                          <el-radio label="1">是</el-radio>
                          <el-radio label="2">否</el-radio>
                    </el-form-item>
                    <el-form-item class="fr">
                        <el-button>取消</el-button>
                        <el-button type="primary">确认</el-button>
                    </el-form-item>
                </el-form>
            </div>
        </el-drawer>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {},
  data() {
    return {
        drawerTitle: '',
        drawerShow: false
    };
  },
// 方法
  methods: {
      show(title){
          this.drawerTitle = title;
          this.drawerShow = true
      }
  },
// 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
// 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
// 销毁
  destroyed() {}
};
</script>
<style lang="scss" scoped>
</style>